<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script>
    $(function (){
        $("input[name='confirmPassword']").bind("blur",function (){
            alert("密码和确认密码不相等")
            var value1 = $("input[name='confirmPassword']").val();
            var value2 = $("input[name='password']").val()
            if(value1 != value2 && value2.length != 0 && value1.length != 0){
                alert("密码和确认密码不相等")
            }
        })
        $("input[name='password']").bind("blur",function (){
            var value1 = $("input[name='confirmPassword']").val();
            var value2 = $("input[name='password']").val()
            if(value1 != value2 && value2.length != 0 && value1.length != 0){
                alert("密码和确认密码不相等")
            }
        })
    })
</script>
<body>
<div th:replace="common/top"></div>

<div id="BackLink">
    <!--    <a th:href="@{viewCategory(categoryId=${product.categoryId})}"  th:text="'Rerurn to '+${product.categoryId}">Return to ***</a>-->

    <!--    &lt;!&ndash;                        <a th:href="@{viewProduct(productId=${product.productId})}"  th:text="${product.productId}" >productId</a>&ndash;&gt;-->
</div>

<div id="Catalog">

    <h2>all user are below</h2>

    <form action="/account/userUpdate">
        <table>
            <tr><th>username</th><th><input readonly="readonly" th:value="${userInfo.username}" type="text" name="username"></th></tr>
            <tr><th>password</th><th><input th:value="${userInfo.password}" type="text" name="password"></th></tr>
            <tr><th>confirmPassword</th><th><input th:value="${userInfo.password}" type="text" name="confirmPassword"></th></tr>
            <tr><th>email</th><th><input th:value="${userInfo.email}" type="text" name="email"></th></tr>
            <tr><th>firstName</th><th><input th:value="${userInfo.firstName}" type="text" name="firstName"></th></tr>
            <tr><th>lastName</th><th><input th:value="${userInfo.lastName}" type="text" name="lastName"></th></tr>
            <tr><th>status</th><th><input th:value="${userInfo.status}" type="text" name="status"></th></tr>
            <tr><th>address1</th><th><input th:value="${userInfo.address1}" type="text" name="address1"></th></tr>
            <tr><th>address2</th><th><input th:value="${userInfo.address2}" type="text" name="address2"></th></tr>
            <tr><th>city</th><th><input th:value="${userInfo.city}" type="text" name="city"></th></tr>
            <tr><th>state</th><th><input th:value="${userInfo.state}" type="text" name="state"></th></tr>
            <tr><th>zip</th><th><input th:value="${userInfo.zip}" type="text" name="zip"></th></tr>
            <tr><th>country</th><th><input th:value="${userInfo.country}" type="text" name="country"></th></tr>
            <tr><th>phone</th><th><input th:value="${userInfo.phone}" type="text" name="phone"></th></tr>
            <tr><th colspan="2" style="text-align: center"><button id="updateBtn" style="    background: linear-gradient(
                50deg,#ade6ae, #097acc);" type="submit">确认修改</button></button></th></tr>
        </table>
    </form>

</div>


<div th:replace="common/bottom"></div>

</body>
</html>